<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>
<style>
a{
  display: block;
  width: 100%;
  height: 100%;
}
</style>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">破晓的天空为你打开了幸运的大门</p>
            <p class="ly-stxt02">地平线上照射出的第一缕阳光让你青春永驻</p>
            <p class="ly-stxt03"> 灿烂的阳光是你终身的幸福</p>
            <p class="ly-stxt04">斜下夕阳留下你倩影美丽一生</p>

          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">迟到的月亮是我为你做的蛋糕</p>
            <p class="ly-stxt07">漫天的星斗是我为你点燃的生日蜡烛</p>
            <p class="ly-stxt10">祝你：</p>
          </div>
        </div>
      </div>




      <!-- 第二屏 -->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82" style="top:8%">
            <p class="wwww1">Hi！！</p>
            <p class="wwww1">xxxxxxxxxx！</p>
            <p class="wwww1">xxxxxxxxxxxxxxxxxxx</p>
            <p class="wwww1">xxxxxxxxxxxxxxxxxxx</p>
            <p class="wwww1">xxxxxxxxxxxxxxxxxxx</p>
            <p class="wwww1">xxxxxxxxx</p>
            <p class="wwww1">xxxxxxxxx</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/8cc92e44d26322652231e5dda9b64c3.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>Hi ！！！</p>
            <p>今天是你的生日</p>
            <p>在这特别的日子里，</p>
            <p>首先送上我的祝福，希望2024身体健康，</p>
            <p>愿你的生日充满无尽的快乐，愿你的每一天都闪耀着成功和满足的光芒。</p>
            <p>生命中的每一个新的开始都是一次美好的机会，愿你把握住它。</p>
            <p>让你的梦想照进现实，让你的希望化作成就。</p>
          </div>




        </div>
        <div class="ly-triangle82"></div>
      </div>


      <!-- 彩蛋  预计   准备时间 -->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/444bc777391b9299f9940d6a2361256.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>



        <div class="ly-box12" style="display: flex;justify-content: center;
        align-items: center;">


          <div class="box13">

            <p style="font-size: 1.875rem;">恭喜曾姐</p>

            <p style="font-size: 1.875rem;">已经来到这个世界：</p>
            <br>
            <span id="span_dt_dt" style="font-size: 3rem;"></span>

          </div>
        </div>

        <!--试验-->
        <ul class="bg-bubbles">
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
          <li><a href="./EasterEgg.html"></a></li>
 

        </ul>
      </div>
      <audio src="../music/2.mp3" autoplay="autoplay" loop="loop">

        <script src="../js/jquery-1.8.3.min.js"></script>
        <script src="../js/jquery.fullPage.min.js"></script>
        <script src="../js/diy.js"></script>
        <!-- 出生计算时间啊 -->
        <script language="javascript">
          function show_date_time() {
            window.setTimeout("show_date_time()", 1000);
            BirthDay = new Date("02/25/1999 00:00:00");//这个日期是可以修改的
            today = new Date();
            timeold = (today.getTime() - BirthDay.getTime());
            sectimeold = timeold / 1000
            secondsold = Math.floor(sectimeold);
            msPerDay = 24 * 60 * 60 * 1000
            e_daysold = timeold / msPerDay
            daysold = Math.floor(e_daysold);
            e_hrsold = (e_daysold - daysold) * 24;
            hrsold = Math.floor(e_hrsold);
            e_minsold = (e_hrsold - hrsold) * 60;
            minsold = Math.floor((e_hrsold - hrsold) * 60);
            seconds = Math.floor((e_minsold - minsold) * 60);
            span_dt_dt.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
          }
          show_date_time();
        </script>
</body>

</html>